<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index_detail.css">
</head>
<body>
<div class="message">
    <div class='common-header'>
        <div class='left'>
            <a href="">
                <i class='iconfont icon-left'></i>
            </a>
        </div>
        <div class="middle">
            信息公告
        </div>
        <div class="right">
            <a href="">
                <i class="iconfont icon-home1"></i>
            </a>
        </div>
    </div>
    <div class="titleIntro">
       <div class="titleCont">
           <h2 class="titleName">找个对你知冷知热的人很重要</h2>
           <div class="TitleMessage">
               <span>2016-11-12</span>
               <span>2444人次浏览</span>
           </div>
       </div>
    </div>
    <div class="content">
        <p>
        光棍节，早已不再是光棍们的节日，而是情侣们的秀恩爱日：<br>
        “TA把我的购物车‘清空’了”<br>
        “TA直接给我发了一个红包让我自己买去”<br>
        “TA怕冷，我给TA预定了五件羽绒服，十件厚毛衣......”<br>
        “TA......”<br>
        平时随处被洒狗粮也就算了，现在竟然连自己的节日都要被“虐”,你还忍得下去？反正小编我是看不下去了，11月6日，在厦门，我主良缘特地在双十一之前，为单身汪们准备了一场“脱”光相亲会，让你在这里定制一份不将就的爱情。
        </p>
        <div>
            <img src="img/detail_message.png" alt="" width="100%" height="100%">
        </div>
    </div>
</div>

<div class='footer'>
        <a class='active' href="javascript:;">
            <i class='iconfont icon-home'></i>
            <p>首页</p>
        </a>
         <a  href="javascript:;">
            <i class='iconfont icon-heart'></i>
            <p>活动</p>
        </a>
         <a href="javascript:;">
            <i class='iconfont icon-leaf'></i>
            <p>交友</p>
        </a>
         <a href="javascript:;">
            <i class='iconfont icon-message'></i>
            <p>贴吧</p>
        </a>
         <a href="javascript:;">
            <i class='iconfont icon-geren-copy'></i>
            <p>个人</p>
        </a>
    </div>

</body>
</html>